<template>
  <div class="footer">
    <div id="components-back-top-demo-custom">
      <a-back-top>
        <div class="ant-back-top-inner">
          <a-icon type="arrow-up" />
        </div>
      </a-back-top>
    </div>
    <a-row type="flex">
      <a-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" :order="1">
        <h1>About</h1>
        <p>Ant.design</p>
        <p>Golang</p>
        <p>Vue.js</p>
      </a-col>
      <a-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" :order="2">
        <h1>Links</h1>
        <p>
          <a href="#">计算机学院</a>
        </p>
        <p>
          <a href="#">xxx课题组</a>
        </p>
        <p>
          <a href="#">xxx实验室</a>
        </p>
      </a-col>
      <a-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" :order="3">
        <h1>Contact</h1>
        <p>
          <a href="#">dev@gmail.com</a>
        </p>
        <p>
          <a href="#">QQ</a>
        </p>
      </a-col>
    </a-row>
    <a-row type="flex" style="margin-top: 10px;">
      <p>© 2020 Gogb-dev Team. All Rights Reserved.</p>
    </a-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      current: ["mail"]
    };
  }
};
</script>
<style scoped>
.footer {
  margin: 0 auto;
  max-width: 1500px;
}
#components-back-top-demo-custom .ant-back-top {
  bottom: 100px;
}
#components-back-top-demo-custom .ant-back-top-inner {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #1088e9;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
</style>
